<!DOCTYPE html>
<html lang="zh-cn">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="css/style.css">
</head>

<body>
    <!-- 顶部一行 -->
    <div class="ding">
        <!-- 内容 -->
        <div class="ding_neirong">
            <!-- 左 -->
            <div class="ding_left">:您好，欢迎来到建材网！</div>
            <!-- 右 -->
            <div class="ding_right">
                <div class="ding_div1">建材网首页</div>
                <div class="ding_div2">我的商务室
                    <div class="icon"></div>
                </div>
                <div class="ding_div3">我的收藏
                    <div class="icon"></div>
                </div>
                <div class="ding_div4">建材服务
                    <div class="icon"></div>
                </div>
                <div class="ding_div5">客服中心</div>
                <div class="ding_div6">网站导航
                    <div class="icon"></div>
                </div>
            </div>
        </div>
    </div>
    <!-- top -->
    <div class="top">
        <div class="top_shang">
            <!-- 网页图标 -->
            <div class="pic"></div>
            <!-- 搜索框 -->
            <div class="search-out">
                <div class="search-in">
                    <input type="text" class="text" placeholder="请输入关键字">
                    <input type="button" class="button" value="搜索">
                </div>
            </div>
        </div>
        <!-- 导航栏 -->
        <div class="top_zhong">
            <div class="index">首页</div>
            <div class="two">建筑材料</div>
            <div class="two">儿童安全座椅</div>
            <div class="two">工艺美术品</div>
        </div>
        <div class="top_foot">
            <!-- 左栏目 -->
            <div class="top_foot_left">
                <div class="one">商机市场</div>
                <div class="two">
                    <div class="icon1"></div>建筑材料</div>
                <div class="two">
                    <div class="icon2"></div>儿童安全座椅</div>
                <div class="two">
                    <div class="icon3"></div>工艺美术品</div>
                <div class="two">
                    <div class="icon4"></div>建筑材料</div>
                <div class="two">
                    <div class="icon5"></div>儿童安全座椅</div>
                <div class="two">
                    <div class="icon6"></div>工艺美术品</div>
            </div>
            <!-- 中间的图片 -->
            <div class="top_foot_center"></div>
            <!-- 右边的栏目 -->
            <div class="top_foot_right">
                <!-- 带图片的上框 -->
                <div class="top_foot_right_top">
                    <div class="title">建材通大众版</div>
                    <div class="dazhong">
                        <div class="icon7"></div>
                        <div class="jieshao">价格实惠，量身为营销预算不多的供应商所设。<span>了解详情</span></div>

                    </div>
                </div>
                <!-- 带电话的下框 -->
                <div class="top_foot_right_bottom">
                    <div class="question">找信息或者发信息遇到问题？</div>
                    <div class="zhong">
                        <div class="icon8"></div>0571-8993887
                    </div>
                    <div class="img"><img src="images/aa_06.gif" alt=""></div>
                </div>
            </div>
        </div>
    </div>
    <!-- body -->
    <div class="body">
        <!-- 建筑材料 -->
        <div class="box1">
            <div class="JZCL">建筑材料</div>
            <div class="box1_bottom">
                <div class="box1_left">
                    <!-- 上面部分 -->
                    <div class="box1_left_top">
                        <!-- box1的第一个用例 -->
                        <div class="item1">
                            <!-- 左部 -->
                            <div class="item1_left">
                                <div class="img img1">
                                    <img src="images/aa_14.png" alt="">
                                </div>
                                <div class="buy">立即购买</div>
                            </div>
                            <!-- 右部 -->
                            <div class="item1_right">
                                <div class="one">
                                    <p>好太太晾衣架 铝钛合金 升降双杆</p>
                                </div>
                                <div class="two">自动换挡 安全耐用<br>稳定性好 抗氧化强</div>
                                <div class="three">
                                    <p class="p1">239.00</p>
                                    <p class="p2">￥386.00</p>
                                </div>
                                <div class="four">限量<span>99</span>件 已售出<span>20</span>件</div>
                            </div>
                        </div>
                        <!-- box1的第二个用例 -->
                        <div class="item1">
                            <!-- 左部 -->
                            <div class="item1_left">
                                <div class="img img2">
                                    <img src="images/aa_11.gif" alt="">
                                </div>
                                <div class="buy">立即购买</div>
                            </div>
                            <!-- 右部 -->
                            <div class="item1_right">
                                <div class="one">
                                    <p>威尔舒木地板12mm厚网络超值特</p>
                                </div>
                                <div class="two">防滑抗污 清理简单<br>扣型紧密 环保健康</div>
                                <div class="three">
                                    <div class="p1">10.00
                                        <div class="quan">券</div>
                                    </div>
                                    <p class="p2">￥68.00</p>
                                </div>
                                <div class="four">限量<span>100</span>件 已售出<span>8</span>件</div>
                            </div>
                        </div>
                    </div>
                    <!-- 下面部分 -->
                    <div class="box1_left_bottom">
                        <!--  box1的第三个用例 -->
                        <div class="item1">
                            <!-- 左部 -->
                            <div class="item1_left">
                                <div class="img img2">
                                    <img src="images/aa_18.gif" alt="">
                                </div>
                                <div class="buy">立即购买</div>
                            </div>
                            <!-- 右部 -->
                            <div class="item1_right">
                                <div class="one">
                                    <p>好艺达高档天空铝三件套3500套</p>
                                </div>
                                <div class="two">经典的设计风格<br>优质的产品品质</div>
                                <div class="three">
                                    <div class="p1">99.00</div>
                                    <p class="p2">￥477.00</p>
                                </div>
                                <div class="four">限量<span>100</span>件 已售出<span>51</span>件</div>
                            </div>
                        </div>
                        <!-- box1的第四个用例 -->
                        <div class="item1">
                            <!-- 左部 -->
                            <div class="item1_left">
                                <div class="img img2">
                                    <img src="images/aa_19.gif" alt="">
                                </div>
                                <div class="buy">立即购买</div>
                            </div>
                            <!-- 右部 -->
                            <div class="item1_right">
                                <div class="one">
                                    <p>好太太晾衣架 8818 晒被架</p>
                                </div>
                                <div class="two"></div>
                                <div class="three">
                                    <div class="p1">350.00</div>
                                    <p class="p2">￥0.00</p>
                                </div>
                                <div class="four">限量<span>100</span>件 已售出<span>6</span>件</div>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- 建筑材料的右部分建材资讯 -->
                <div class="box1_right">
                    <div class="zx">建材资讯</div>
                    <div class="hq">
                        <ul>
                            <li>
                                <div>贵阳钢材市场7月17日价格行情</div>
                            </li>
                            <li>
                                <div>石家庄钢材市场7月17日价格行情</div>
                            </li>
                            <li>
                                <div>南京钢材市场7月17日价格行情</div>
                            </li>
                            <li>
                                <div>重庆钢材市场7月17日价格行情</div>
                            </li>
                            <li>
                                <div>杭州钢材市场7月17日价格行情</div>
                            </li>
                            <li>
                                <div>广州钢材市场7月17日价格行情</div>
                            </li>
                            <li>
                                <div>上海钢材市场7月17日价格行情</div>
                            </li>
                            <li>
                                <div>鞍山钢材市场7月17日价格行情</div>
                            </li>
                            <li>
                                <div>鞍山无缝管07月17日价格行情</div>
                            </li>
                            <li>
                                <div>上海钢材市场7月17日价格行情</div>
                            </li>
                            <li>
                                <div>鞍山无缝管07月17日价格行情</div>
                            </li>
                            <li>
                                <div>济南焊管07月17日价格行情</div>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
        <!-- 儿童安全座椅 -->
        <div class="box2">
            <div class="ZY">儿童安全座椅</div>
            <div class="box2_bottom">
                <!-- 左部分 -->
                <div class="box2_left">
                    <div class="jiekou">
                        <img src="images/bb_03.png" alt="">
                        <div class="xq">详情请点击>></div>
                    </div>
                    <div class="box2_left_bottom">
                        <!-- box2的第一个用例 -->
                        <div class="item2">
                            <div class="img3">
                                <img src="images/aa_30.gif" alt="">
                            </div>
                            <div class="item2_bottom">
                                <div class="one">英国百代适-至尊者(带<br>ISOFIX接口)奔驰宝马专用</div>
                                <div class="two">适合年龄：9个月-4岁</div>
                                <div class="two">市场价：<span class="span1">￥5580元</span></div>
                                <div class="two">直销价：<span class="span2">￥3380元</span></div>
                            </div>
                        </div>
                        <!-- box2的第二个用例 -->
                        <div class="item2">
                            <div class="img3">
                                <img src="images/aa_32.gif" alt="">
                            </div>
                            <div class="item2_bottom">
                                <div class="one">欧贝儿童安全座椅3-12岁<br>ISOFIX儿童汽车安全座椅</div>
                                <div class="two">适合年龄：3-12岁</div>
                                <div class="two">市场价：<span class="span1">￥1980元</span></div>
                                <div class="two">直销价：<span class="span2">￥1380元</span></div>
                            </div>
                        </div>
                        <!-- box2的第三个用例 -->
                        <div class="item2">
                            <div class="img3">
                                <img src="images/aa_34.gif" alt="">
                            </div>
                            <div class="item2_bottom">
                                <div class="one">西班牙JANE(INDY PLUS)<br>TEAM)3-12岁 H65带ISOfix</div>
                                <div class="two">适合年龄：3-12岁</div>
                                <div class="two">市场价：<span class="span1">￥2980元</span></div>
                                <div class="two">直销价：<span class="span2">￥1980元</span></div>
                            </div>
                        </div>
                        <!-- box2的第四个用例 -->
                        <div class="item2">
                            <div class="img3">
                                <img src="images/aa_36.gif" alt="">
                            </div>
                            <div class="item2_bottom">
                                <div class="one">欧贝儿童安全座椅3-12岁<br>ISOFIX儿童汽车安全座椅</div>
                                <div class="two">适合年龄：3-12岁</div>
                                <div class="two">市场价：<span class="span1">￥1980元</span></div>
                                <div class="two">直销价：<span class="span2">￥1380元</span></div>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- 右部分 -->
                <div class="box2_right">
                    <!-- 右上 -->
                    <div class="box2_right_top">
                        <img src="images/aa_26.gif" alt="">
                    </div>
                    <!-- 右下 -->
                    <div class="box2_right_bottom">
                        <img src="images/aa_40.gif" alt="">
                    </div>
                </div>
            </div>
        </div>
        <!-- 工艺美术品 -->
        <div class="box3">
            <div class="GY">工艺美术品</div>
            <div class="box3_bottom">
                <!-- 左部分 -->
                <div class="box1_left">
                    <div class="box1_left_top">
                        <!-- box3的用例1 -->
                        <div class="item1">
                            <div class="item1_left">
                                <div class="img img1">
                                    <img src="images/aa_14.png" alt="">
                                </div>
                                <div class="buy">立即购买</div>
                            </div>

                            <div class="item1_right">
                                <div class="one">
                                    <p>好太太晾衣架 铝钛合金 升降双杆</p>
                                </div>
                                <div class="two">自动换挡 安全耐用<br>稳定性好 抗氧化强</div>
                                <div class="three">
                                    <p class="p1">239.00</p>
                                    <p class="p2">￥386.00</p>
                                </div>
                                <div class="four">限量<span>99</span>件 已售出<span>20</span>件</div>
                            </div>
                        </div>
                         <!-- box3的用例2 -->
                        <div class="item1">
                            <div class="item1_left">
                                <div class="img img2">
                                    <img src="images/aa_11.gif" alt="">
                                </div>
                                <div class="buy">立即购买</div>
                            </div>

                            <div class="item1_right">
                                <div class="one">
                                    <p>威尔舒木地板12mm厚网络超值特</p>
                                </div>
                                <div class="two">防滑抗污 清理简单<br>扣型紧密 环保健康</div>
                                <div class="three">
                                    <div class="p1">10.00
                                        <div class="quan">券</div>
                                    </div>
                                    <p class="p2">￥68.00</p>
                                </div>
                                <div class="four">限量<span>100</span>件 已售出<span>8</span>件</div>
                            </div>
                        </div>
                    </div>
                    <div class="box1_left_bottom">
                         <!-- box3的用例3 -->
                        <div class="item1">
                            <div class="item1_left">
                                <div class="img img2">
                                    <img src="images/aa_18.gif" alt="">
                                </div>
                                <div class="buy">立即购买</div>
                            </div>

                            <div class="item1_right">
                                <div class="one">
                                    <p>好艺达高档天空铝三件套3500套</p>
                                </div>
                                <div class="two">经典的设计风格<br>优质的产品品质</div>
                                <div class="three">
                                    <div class="p1">99.00</div>
                                    <p class="p2">￥477.00</p>
                                </div>
                                <div class="four">限量<span>100</span>件 已售出<span>51</span>件</div>
                            </div>
                        </div>
                         <!-- box3的用例4 -->
                        <div class="item1">
                            <div class="item1_left">
                                <div class="img img2">
                                    <img src="images/aa_19.gif" alt="">
                                </div>
                                <div class="buy">立即购买</div>
                            </div>

                            <div class="item1_right">
                                <div class="one">
                                    <p>好太太晾衣架 8818 晒被架</p>
                                </div>
                                <div class="two"></div>
                                <div class="three">
                                    <div class="p1">350.00</div>
                                    <p class="p2">￥0.00</p>
                                </div>
                                <div class="four">限量<span>100</span>件 已售出<span>6</span>件</div>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- 右部分 -->
                <div class="box3_right">
                    <div class="box3_top">建材商社</div>
                    <div class="box3_middle">
                        <div class="img"><img src="images/aa_47.png" alt=""></div>
                        <div class="txt">在装灯具时，如果装上分控开关，可以省去很多烦恼。因为如果只有一个总开关</div>
                    </div>
                    <div class="box3_bottom">
                        <div class="item">
                            <div class="LT">[采暖论坛]</div>
                            <div>精心细选大半年，终于满足小</div>
                        </div>
                        <div class="item">
                            <div class="LT">[建材采购区]</div>
                            <div>生活家·巴洛克《旅行篇》--</div>
                        </div>
                        <div class="item">
                            <div class="LT">[卫浴论坛]</div>
                            <div>弯道超车 赢在2012</div>
                        </div>
                        <div class="item">
                            <div class="LT">[采暖论坛]</div>
                            <div>通过闻气味，我终于确定她就</div>
                        </div>
                        <div class="item">
                            <div class="LT">[采暖论坛]</div>
                            <div>真正体会到了，什么叫做实践</div>
                        </div>
                        <div class="item">
                            <div class="LT">[功能材料论坛]</div>
                            <div>我国酚醛泡沫材料行业规</div>
                        </div>
                        <div class="item">
                            <div class="LT">[建筑工程论坛]</div>
                            <div>2012年上半年我国住宅市</div>
                        </div>
                        <div class="item">
                            <div class="LT">[涂料论坛]</div>
                            <div>我要我的家没有味道</div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

    </div>
    <!-- foot -->
    <div class="foot">
        <!-- 链接部分 -->
        <div class="foot_top">
            <div class="foot_top-left">友情链接&nbsp;:</div>
            <div class="foot_top-right">
                中视网盟&nbsp;&nbsp;9355开心创业网&nbsp;&nbsp;连锁店加盟&nbsp;&nbsp;就爱加盟网&nbsp;&nbsp;百度&nbsp;&nbsp;谷歌&nbsp;&nbsp;雅虎&nbsp;&nbsp;新浪&nbsp;&nbsp;搜狐&nbsp;&nbsp;网易&nbsp;&nbsp;凤凰网&nbsp;&nbsp;央视网&nbsp;&nbsp;新华网&nbsp;&nbsp;科易网&nbsp;&nbsp;安家网&nbsp;&nbsp;健康商城&nbsp;&nbsp;生意街&nbsp;&nbsp;连锁加盟店&nbsp;&nbsp;渠道网&nbsp;&nbsp;
                中视网盟&nbsp;&nbsp;9355开心创业网&nbsp;&nbsp;连锁店加盟&nbsp;&nbsp;就爱加盟网&nbsp;&nbsp;百度&nbsp;&nbsp;谷歌&nbsp;&nbsp;雅虎&nbsp;&nbsp;新浪&nbsp;&nbsp;搜狐&nbsp;&nbsp;网易&nbsp;&nbsp;凤凰网
            </div>
        </div>
        <!-- 关于我们部分 -->
        <div class="foot_bottom">
            <div class="neirong">
                <div class="one">
                    <div>关于我们</div>
                    <div>建材通服务</div>
                    <div>网站建设</div>
                    <div>诚聘英才</div>
                    <div>友情链接</div>
                    <div>联系方式</div>
                    <div>隐私声明</div>
                    <div>版权声明</div>
                    <div>帮助中心</div>
                    <div class="ditu">网站地图</div>
                </div>
                <div class="two">
                    <div class="two_1">中国建材网 版权所有 2000-2012 服务热线：0571-89938887 请与我们联系：Service@BMlink.com</div>
                    <div class="two_2">建材网会员互动群：153120106</div>
                </div>
                <div class="three">
                    <div class="three_one">本站网络实名：中建网本站通用网址：</div>
                    <div class="three_two">中国建材网</div>
                    <div class="three_three">浙B2-20060159</div>
                </div>
            </div>
        </div>
    </div>
</body>

</html>